<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>jqGrid demo</title>
    <link type="text/css" rel="stylesheet" href="static/jquery-ui-1.11.1/jquery-ui.min.css"/>
    <script type="text/javascript" src="static/jquery-ui-1.11.1/external/jquery/jquery.js"></script>
    <script type="text/javascript" src="static/jquery-ui-1.11.1/jquery-ui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#dialog").dialog({
                width: 500,
                modal: true,
                resizable: false
            }).parent().css({'position': 'fixed'});
        });
    </script>
</head>
<body>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<h1>Welcome</h1>

<div id="dialog" title="DEMO" style="display: none">
    <h1>my name is Alex</h1>

    <h1>my name is Alex</h1>

    <h1>my name is Alex</h1>
</div>
</body>
</html>